<template>
  <div class="app">
    <!-- 引入导航栏 -->
    <nav-bar></nav-bar>
    <router-view v-slot="{ Component }">
      <transition name="fade" appear mode="out-in">
        <component :is="Component" />
      </transition>
    </router-view>
    <!-- 页脚 -->
    <Footer></Footer>
    <!-- 回到顶部和小音乐 -->
    <HomeTool></HomeTool>
  </div>
</template>

<script lang="ts" setup>
import { provide } from 'vue'
// 引入底部栏
import Footer from './components/global/Footer.vue'
// 引入导航栏
import NavBar from './components/global/NavBar.vue'
// 引入小工具
import HomeTool from './components/home/HomeTool.vue'
// 引入初始样式
import '@/css/base.min.css'
// 全局注册store
import store from '@/store/index'
provide('store', store)
</script>
